/*
Copyright © 2013 Adobe Systems Incorporated.

Licensed under the Apache License, Version 2.0 (the “License”);
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an “AS IS” BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

html {
    font-size: 0.8125em;
    line-height: 1.5;
}

body {
    color: #333;
    cursor: default;
}

pre {
    overflow: auto;
}

code,
pre {}

h1 {
    font-size: 1.675rem;
    font-weight: 400;
    font-style: normal;
}

h2 {
    font-size: 1.5rem;
    font-weight: 400;
    font-style: normal;
}

.LayoutGrid {
    max-width: 900px;
    min-width: 300px;
    padding: 0 10px 10px;
}

.LayoutCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.PanelFillExtraLight {
    background-color: #fff;
}

.PanelDiffuseShadow {
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 9px 1px -moz-rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 9px 1px rgba(0, 0, 0, .2);
    zoom: 100%;
}

.init * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}

:link {
    color: #225FD7;
    text-decoration: underline;
}

:link:focus {
    outline: 2px solid rgba(34, 95, 215, 0.3);
    -moz-outline-radius: 3px;
}

:link:hover,
:link:focus {
    text-decoration: underline;
}

:link:active,
:link:hover {
    outline: 0;
}

.sr-only {
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    overflow: hidden;
    border: 0;
    padding: 0;
    position: absolute;
}


/* new style */

.box__container {
    height: 100%;
    font-family: inherit;
    overflow: auto;
}
.box__container::-webkit-scrollbar {
    width: 7px;
    width: 0px;
}
 
.box__container::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 0px;
}
 
.box__container::-webkit-scrollbar-thumb {
    background-color:gray;
    border-radius: 0;
}


.img-box {
	height: 70%;
	position: relative;
}

.box__container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.box__container img.overlay_logo {
	position: absolute;
	z-index: 6;
	width: 40%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	object-fit: contain;
}
@media screen and (max-width:768px) {
    .box__container img.overlay_logo {width: 80%;}
}

#intro_video{
	position: absolute;
	z-index: 7;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
    opacity:1;
	object-fit: cover;
	object-position: center top;
    transition: all 400ms ease-in-out;
}

.content-box {
    min-height: 30%;
    padding: 150px 70px 100px;
    background: white;
    border-top: 15px solid #ffc107;
    position: relative;
    z-index: 9;
}
@media screen and (max-width:1260px) {
    .content-box {padding-left:10px;padding-right:10px;}
}
.description {
    position: absolute;
    width: 55%;
    left: 50%;
    transform: translate(-50%, 0);
    top: -50px;
    background: white;
    padding: 31px 50px 11px 50px;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    max-width: 800px;
}
@media screen and (max-width:1260px) {
    .description {width: 75%;}
}
@media screen and (max-width:992px) {
    .description {
        padding: 11px 50px;
    }
}

.description p {
    font-size: 18px;
    margin-left: 20px;
}
@media screen and (max-width:1390px) {
    .description p {
        font-size: 16px;
    }
}

.description span {
    line-height: 1.18;
    font-size: 49px;
    font-weight: bold;
    display: block;
}
.description span b {
	font-weight: bold;
	margin-right: 9px;
}
@media screen and (max-width:1390px) {
    .description span {
        font-size: 31px;
    }
}

.box-options {
    margin: -23px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
@media screen and (max-width:992px) {
    .box-options {
        margin: 0;
    }
}

.box-options li {
    list-style: none;
    text-align: center;
}
@media screen and (max-width:1140px) {
    .box-options li {
        display: inline-block;
        padding: 12px 3px;
        background: white;
    }
}
.box-options li span {
    display: block;
}

.box-options li span:first-child {
	font-size: 44px;
    font-weight: bolder;
    color: #ffc107;
}
@media screen and (max-width:992px) {
    .box-options li span:first-child {
        font-size: 25px;
    }
}

.box-options li span:last-child {
    font-size: 16px;
    font-weight: bold;

}

@media screen and (max-width:992px) {
    .img-box {
        height: 60%;
    }

    .content-box {
        min-height: 40%;
        padding: unset;
    }
    .content-box p{
       font-size: 16px;
    }

    .box-options li {
        display: inline-block;
        padding: 12px 14px;
        background: white;
    }

    .box-options {
        /* margin: 3px auto; */
        text-align: center;
        background: white;
        display: inline-block;
        width: 100%;
    }

    .description {
        position: unset;
        transform: unset;
        width: 100%;
        padding: 10px;
        max-width: unset;
    }
    .description p {
        font-size: 16px;
    }
    .description span {
        font-size: 24px;
    }
}
@media screen and (max-width:360px) {
    .description {display: block;}
    .description p {margin-left: 0;width: 100%;}
    .description span {display: block;width: 100%;margin-bottom: 5px;}
    .description span br{display: none;}
}


.mp-menu ul li > b {
	display: block;
	padding: 0.7em 1em 0.7em 1em;
	outline: none;
	box-shadow: inset 0 -1px rgb(0 0 0 / 20%);
	text-shadow: 0 0 1px rgb(255 255 255 / 10%);
	font-size: 1.2em;
	font-size: 16px;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}